<template>
	<view class="search-container">
		
		<x-btn >我的</x-btn>
		<x-btn >金币:{{value}}</x-btn>
		<x-btn >手速:{{value3}}</x-btn>
		<x-btn >我的昵称:{{value2}}</x-btn>
		<x-btn >我的密码:{{value1}}</x-btn>
		
	</view>
</template>


<script setup>
	import { ref,getCurrentInstance,onMounted } from 'vue'
	const {getRead,postRead}= getCurrentInstance().appContext.config.globalProperties
	console.log('postRead',postRead);
	const value = uni.getStorageSync('goldCoins');
	const value1 = uni.getStorageSync('parss');
	const value2 = uni.getStorageSync('user_id');
	const value3 = uni.getStorageSync('handSpeed');
	
	onMounted(()=>{
		// getClassification()
	})

		
</script>



<style scoped>
	.search-container {
		/* min-height: 100vh; */
		/* background-color: #E9FAFF; */
		/* 护眼色背景 */
	}

	.search-bar {
		display: flex;
		align-items: center;
		background-color: #ffffff;
		border-radius: 10rpx;
		padding: 10rpx;
		margin-bottom: 20rpx;
	}

	input {
		flex: 1;
		height: 60rpx;
		border: none;
		outline: none;
	}

	button {
		width: 120rpx;
		height: 60rpx;
		background-color: #409eff;
		color: #ffffff;
		border: none;
		border-radius: 10rpx;
		margin-left: 20rpx;
	}

	.result-list {
		background-color: #ffffff;
		border-radius: 10rpx;
		padding: 20rpx;
	}

	.book-item {
		display: flex;
		align-items: center;
		margin-bottom: 20rpx;
	}

	.book-cover {
		width: 100rpx;
		height: 140rpx;
		border-radius: 10rpx;
		margin-right: 20rpx;
	}

	.book-info {
		flex: 1;
	}

	.book-title {
		font-size: 32rpx;
		font-weight: bold;
		color: #333333;
		margin-bottom: 10rpx;
	}

	.book-author {
		font-size: 28rpx;
		color: #666666;
		margin-bottom: 10rpx;
	}

	.book-summary {
		font-size: 28rpx;
		color: #999999;
		line-height: 1.6;
	}
</style>